.header {
	width: 100;
	height: 150px;
	background-color: white;
}

.body {
	width: 100%;
	height: 550px;
	background-color: beige;
}

.foot {
	width: 100%;
	height: 50px;
	background-color: dimgrey;
}

.mybutton {
    background-color: lightblue; /* Green */
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.mybutton:hover {
	background-color: darkblue;
}

.gcs-login-container {
	width: 100%;
	box-sizing: border-box;
	width: 100%;
	margin: 20px 0 0;
	text-align: center;
}

.input {
	border: 1px solid #ccc;
	padding: 7px 0px;
	border-radius: 3px;
	padding-left: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

input:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
